<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>伊森-Eason</title>
		<style></style>
		<link rel="stylesheet" href="style/public.css">
		<link rel="stylesheet" href="style/index.css">
		<link rel="stylesheet" href="style/banner.css">
	</head>
	<body>
		<header>
			<img src="images/logo.png" alt="">
		</header>
		<nav class = 'navbar-top'>
			<ul><!-- EMMET -->
				<li><a href="#">首页</a></li>
				<li><a href="">关于伊森</a></li>
				<li><a href="">木质表</a></li>
				<li><a href="">腕表动态</a></li>
				<li><a href="">联系伊森</a></li>
				<li><a href="">售后维修</a></li>
			</ul>
		</nav>
		<section class='banner'>
			<div class="banner-wrapper">
				<div class="banner-item">
					<div class="container">
						<div class="banner-left">
							<h1>OVERSEAS</h1>
							<h2>展现独特的世界观</h2>
							<a href="">探索</a>
						</div>
						<div class="banner-right">
							<img src="images/banner01-right.png" alt="">
						</div>
					</div>
				</div>
				<div class="banner-item">
					<div class="container">
						<div class="banner-left">
							<h1>OVERSEAS</h1>
							<h2>展现独特的世界观2</h2>
							<a href="">探索2</a>
						</div>
						<div class="banner-right">
							<img src="images/banner01-right.png" alt="">
						</div>
					</div>
				</div>
				<div class="banner-item">
					<div class="container">
						<div class="banner-left">
							<h1>OVERSEAS</h1>
							<h2>展现独特的世界观3</h2>
							<a href="">探索3</a>
						</div>
						<div class="banner-right">
							<img src="images/banner01-right.png" alt="">
						</div>
					</div>
				</div>
			</div>
			<div class="pagination">
			</div>
		</section>
		
		<script src='scripts/carousel.js'></script>
		<script>
			var banner = new Carousel('.banner',{
				interval:2000,
				speed:500
			});
		</script>
	</body>
</html>